<!--
 * @Author: jiashaoxin
 * @Date: 2021-03-19 12:20:23
 * @LastEditors: LastEditors
 * @LastEditTime: 2021-03-31 09:47:24
 * @FilePath: \hw.6gplc.com\Index.html
-->
<!DOCTYPE html>
<!-- [if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif] -->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <![endif]-->
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>成都海威华芯科技有限公司</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
  <link rel="stylesheet" href="css/jquery.fullPage.css" />
  <link rel="stylesheet" href="iconFont/iconfont.css" />
  <link rel="stylesheet" href="_index.css" />
  <link rel="stylesheet" href="css/media.css" />
  <!-- 侧边栏CSS样式 -->
  <link rel="stylesheet" href="okle/as.css">
</head>
<style>
  video {
    position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -9999;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: 1s opacity;
      transition: 1s opacity;
  }
</style>
<body>
  <!-- 侧边栏菜单 开始 -->
  <div class="menu">
    <div class="flex flex-pac flex-ver as_m">
      <div class="logo">
        <img src="./images/img/logo.png" alt="logo" style="object-fit: contain;" />
      </div>
      <ul style="font-family: iconFont; font-size: 28px; color: #666" class="list">
        <li class="l" data-id="1" style="font-size: 32.2px">
          <p class="iconcaidan1"></p>
          <img class="cha as_dd" src="okle/picture/del.png">
        </li>
        <li class="l" data-id="2">
          <p class="iconsousuo2"></p>
          <img class="cha as_dd" src="okle/picture/del.png">
        </li>
        <li class="">
          <p class="icondiqiu"></p>
          <img class="cha as_dd" src="okle/picture/del.png">
        </li>
        <li class="l" data-id="3">
          <p class="iconweixin1"></p>
          <img class="cha as_dd" src="okle/picture/del.png">
        </li>
        <li class="l" data-id="4">
          <p class="iconxiaochengxu2"></p>
          <img class="cha as_dd" src="okle/picture/del.png">
        </li>
      </ul>
    </div>
    <div class="as_menu_child">
      <div class="as_mobile_nav">
        <a href="javascript:;"><img src="okle/picture/menu.png" class="as_mobile_list_btn"></a>
        <a href="javascript:;"><img src="okle/picture/search.png"></a>
        <a href="/?m=index&c=index&a=up_lang"><img src="okle/picture/web.png"></a>
        <a href="javascript:;"><img src="okle/picture/wechat.png"></a>
        <a href="javascript:;"><img src="okle/picture/link.png"></a>
        <!--		<a href="javascript:;"><img src="okle/picture/other.png"></a>-->
      </div>
      <div class="as_menu_bg"></div>
      <div class="as_Menu_box">
        <div class="as_left_menu as_zf as_zf1">
          <ul class="as_pat">
            <li>
              <a href="/gywm?id=1">关于我们</a>
              <ul class="as_child">
                <li>
                  <a href="/gywm/gsjj?id=8">公司简介</a>
                </li>
                <li>
                  <a href="/gywm/ryzz?id=9">荣誉资质</a>
                </li>
                <li>
                  <a href="/gywm/ldjy?id=30">领导寄语</a>
                </li>
                <li>
                  <a href="/gywm/pzgl?id=68">品质管理</a>
                </li>
                <li>
                  <a href="/gywm/hjaq?id=70">环境安全</a>
                </li>
                <li>
                  <a href="/gywm/zlcg?id=72">专利成果</a>
                </li>
                <li>
                  <a href="/gywm/gslcb?id=74">公司里程碑</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="/qywh?id=76">企业文化</a>
              <ul class="as_child">
                <li>
                  <a href="/qywh/hxsh?id=78">华芯生活</a>
                </li>
                <li>
                  <a href="/qywh/shzr?id=82">社会责任</a>
                </li>
                <li>
                  <a href="/qywh/yjysm?id=86">愿景与使命</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="/jszc?id=4">技术支持</a>
              <ul class="as_child">
                <li>
                  <a href="/jszc/gaas?id=64">GaAs技术</a>
                </li>
                <li>
                  <a href="/jszc/gan?id=66">GaN技术</a>
                </li>
                <li>
                  <a href="/jszc/hbt?id=92">HBT及光电技术</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="/cpzx?id=3">产品中心</a>
              <ul class="as_child">
                <li>
                  <a href="/cpzx/hbtgy?id=20">HBT及光电工艺</a>
                </li>
                <li>
                  <a href="/cpzx/gaasgy?id=21">GaAs工艺</a>
                </li>
                <li>
                  <a href="/cpzx/gangy?id=22">GaN工艺</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="/xwdt?id=2">新闻动态</a>
              <ul class="as_child">
                <li>
                  <a href="/xwdt/qyxw?id=10">企业新闻</a>
                </li>
                <li>
                  <a href="/xwdt/hyzx?id=11">行业资讯</a>
                </li>
                <li>
                  <a href="/xwdt/mtbd?id=12">媒体报道</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="/zlxz?id=5">下载中心</a>
              <!-- <ul class="as_child">
              </ul> -->
            </li>
            <li>
              <a href="/rczp?id=23">人才招聘</a>
              <ul class="as_child">
                <li>
                  <a href="/rczp/zwzp?id=6">职位招聘</a>
                </li>
                <li>
                  <a href="/rczp/rcfz?id=94">人才发展</a>
                </li>
                <li>
                  <a href="/rczp/jrwm?id=96">加入我们</a>
                </li>
                <li>
                  <a href="/rczp/lxwm?id=98">联系我们</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
    
        <div class="as_searchBox as_zf as_zf2">
          <div class="as_inputBox">
            <input type="search" class="as_key" placeholder="输入关键字">
            <input type="submit" class="as_sub" value="" />
          </div>
        </div>
    
        <div class="as_wx as_zf as_zf3 flex flex-pac" style="height: 100%;">
          <img src="okle/picture/qrcode.png">
        </div>
        <div class="as_link as_zf as_zf4">
          <ul style="position: absolute;top: 30%" class="">
            <li>
              <a href="http://www.schtgx.com/"><img src="okle/picture/1-2003201a15e91.png" /> </a>
            </li>
            <li>
              <a href="http://www.cetc.com.cn/"><img src="okle/picture/1-2003201622504a.png" /> </a>
            </li>
          </ul>
    
        </div>
      </div>
    </div>
  </div>
  <div class="as_header flex flx-bet">
    <a href="/"><img class="as_logo" src="okle/picture/logo.png"></a>
    <a href="#"><img src="okle/picture/list.png" class="as_nav"></a>
  </div>
  <!-- 侧边栏菜单 结束 -->
  <main id="fullpage">
    <div class="section">
      <!-- 结束 -->
      <div class="headBox">
        <video playsinline autoplay muted loop src="./images/video/banner.webm">

        </video>
        <!-- 右上角菜单 开始 -->
        <div class="">
          <div class="">
            <ul class="navList flex flx-bet">
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  首页
                </a>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  关于我们
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                  <li><a href="#">公司简介</a></li>
                  <li><a href="#">企业愿景</a></li>
                  <li><a href="#">品质管理</a></li>
                  <li><a href="#">环境安全</a></li>
                  <li><a href="#">联系我们</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  企业文化
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  技术支持
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  产品中心
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu5">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  新闻动态
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu6">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  下载中心
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu7">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
              <li class="dropdown">
                <a class="dropdown-toggle" id="dropdownMenu8" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="true">
                  人才招聘
                </a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu8">
                  <li><a href="#">Action</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
        <!-- 结束 -->
      </div>
    </div>
    <div class="section">
      <!-- //关于海威华芯 开始-->
      <div class="contact-1 all flex flex-pac">
        <div class="left">
          <!-- 左侧文本 -->
          <div class="txtBox text-black">
            <div class="titleBox flex flex-ver flex-pac">
              <p class="txt-xl title">关于海威华芯</p>
              <p class="txt-m color_e27d06">ABOUT US</p>
            </div>
            <div class="contact">
              <p class="flex-te4 txt" style="
                    text-align: justify;
                    text-indent: 2em;
                    font-size: 20.0004px;
                    line-height: 31.9998px;
                  ">
                海海威华芯定位于国际Foundry代工厂,根据市场、政策趋势、市场政策趋势、市场竞争情况，推出多项工艺技术,支撑
                市场的业务需求,工艺能力瞄准业内领先水平，随着企业的发展,将来继续扩充业务范围...
              </p>
            </div>
            <div class="add">
              <p class="txt-l color_e27d06">+MORE</p>
            </div>
          </div>
          <!-- 右边的轮播图 -->
          <div class="right">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide bg">Slide 1</div>
                <div class="swiper-slide bg">Slide 2</div>
                <div class="swiper-slide bg">Slide 3</div>
              </div>
            </div>
            <div class="swiper-pag flex flex-pc"></div>
          </div>
        </div>
      </div>
      <!-- 结束 -->
    </div>
    <div class="section">
      <!-- //晶元代工  开始-->
      <div class="contact-2 all flex padding-l flex-ver flex-pac">
        <!-- 标题 -->
        <div class="titleBox flex flex-ver flex-pac">
          <p class="txt-xl title">晶元代工</p>
          <p class="txt-m color_e27d06">FOUND RY</p>
        </div>
        <!-- 卡片X3 开始 -->
        <div class="list flex" style="justify-content: space-evenly">
          <!-- 1 -->
          <div class="bg_dcdcdc itemBox flex flex-ver">
            <div class="flex flex-pac flex-ver item" style="position: relative">
              <div class="flex flex-ver">
                <img src="./images/img/t1.png" alt="" />
                <p class="txt-xl title">晶圆代工</p>
              </div>
              <p class="txt-l flex-te4 text-black txt" style="position: relative">
                海威华芯已具备6时砷化镓0.15μm pHEMT技术、0.25μm power
                pHEMT技术、0.25μm E/D技术、IPD集成无源、2μm HBT技术代工能力
              </p>
              <p class="txt-l color_e27d06 add">+MORE</p>
            </div>
          </div>
          <!-- 2 -->
          <div class="bg_fce3bd itemBox flex flex-ver">
            <div class="flex flex-pac flex-ver item" style="position: relative">
              <div class="flex flex-ver" style="width: 86px">
                <img src="./images/img/t2.png" alt="" />
                <p class="txt-xl title">晶圆代工</p>
              </div>
              <p class="txt-l flex-te4 text-black txt" style="position: relative">
                海威华芯已具备6时砷化镓0.15μm pHEMT技术、0.25μm power
                pHEMT技术、0.25μm E/D技术、IPD集成无源、2μm HBT技术代工能力
              </p>
              <p class="txt-l color_e27d06 add">+MORE</p>
            </div>
          </div>
          <!-- 3 -->
          <div class="bg_b6eeff itemBox flex flex-ver">
            <div class="flex flex-pac flex-ver item" style="position: relative">
              <div class="flex flex-ver">
                <img src="./images/img/t3.png" alt="" style="width: 86px" />
                <p class="txt-xl title">晶圆代工</p>
              </div>
              <p class="txt-l flex-te4 text-black txt" style="position: relative">
                海威华芯已具备6时砷化镓0.15μm pHEMT技术、0.25μm power
                pHEMT技术、0.25μm E/D技术、IPD集成无源、2μm HBT技术代工能力
              </p>
              <p class="txt-l color_e27d06 add">+MORE</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="section">
      <!-- //新闻  开始-->
      <div class="contact-3 all flex padding-l flex-ver flex-pac">
        <!-- 标题 -->
        <div class="titleBox flex flex-ver flex-pac">
          <p class="txt-xl title">新闻资讯</p>
          <p class="txt-m color_e27d06">NEWS</p>
        </div>
        <div class="content flex">
          <div class="left flex flex-ver">
            <img src="./images/img/news_1 35.png" alt="" />
            <div class="flex hiw">
              <div class="date flex flex-ver">
                <p class="day">28</p>
                <p class="year">2020-10</p>
              </div>
              <div style="margin-left: 2.1429rem; padding-right: 20px">
                <p class="txt-m color_414141 font_w flex-te2">
                  海威芯闻 | 海威华芯砷化镓毫米波芯片荣 登 “中国芯”优秀产品榜
                </p>
                <div style="width: 100%; height: 1px; margin: 2.1429rem 0" class="bg_aaaaaa"></div>
                <p class="flex-te3 color_414141 font_w">
                  10月28日-29日，由中国电子信息产业发展研究院（赛迪研究院）组织的2020年第十五届“中国芯”集成电路产业促进大会暨“中国
                </p>
              </div>
            </div>
          </div>
          <!-- 右侧的新闻列表 -->
          <div class="right flex flex-f1 flex-ver">
            <!-- demo1 -->
            <div class="flex flex-end txtBox">
              <div class="date flex flex-ver">
                <p class="day">28</p>
                <p class="year">2020-10</p>
              </div>
              <div class="item">
                <p class="txt-m color_414141 font_w flex-te">
                  海威芯闻 | 海威华芯砷化镓毫米波芯片荣 登 “中国芯”优秀产品榜
                </p>
                <div style="width: 100%; height: 1px; margin: 15px 0" class="bg_aaaaaa"></div>
                <p class="flex-te2 color_414141 font_w">
                  10月28日-29日，由中国电子信息产业发展研究院（赛迪研究院）组织的2020年第十五届“中国芯”集成电路产业促进大会暨“中国
                </p>
              </div>
            </div>
            <!-- demo2 -->
            <div class="flex flex-end txtBox">
              <div class="date flex flex-ver">
                <p class="day">28</p>
                <p class="year">2020-10</p>
              </div>
              <div class="item">
                <p class="txt-m color_414141 font_w flex-te">
                  海威芯闻 | 海威华芯砷化镓毫米波芯片荣 登 “中国芯”优秀产品榜
                </p>
                <div style="width: 100%; height: 1px; margin: 15px 0" class="bg_aaaaaa"></div>
                <p class="flex-te2 color_414141 font_w">
                  10月28日-29日，由中国电子信息产业发展研究院（赛迪研究院）组织的2020年第十五届“中国芯”集成电路产业促进大会暨“中国
                </p>
              </div>
            </div>
            <!-- demo3 -->
            <div class="flex flex-end txtBox">
              <div class="date flex flex-ver">
                <p class="day">28</p>
                <p class="year">2020-10</p>
              </div>
              <div class="item">
                <p class="txt-m color_414141 font_w flex-te">
                  海威芯闻 | 海威华芯砷化镓毫米波芯片荣 登 “中国芯”优秀产品榜
                </p>
                <div style="width: 100%; height: 1px; margin: 15px 0" class="bg_aaaaaa"></div>
                <p class="flex-te2 color_414141 font_w">
                  10月28日-29日，由中国电子信息产业发展研究院（赛迪研究院）组织的2020年第十五届“中国芯”集成电路产业促进大会暨“中国
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 结束 -->
    </div>
    <div class="section">
      <!-- 联系我们 开始 -->
      <div class="contact-4 all flex flex-ver flex-pac padding-l">
        <div class="flex warpBox" style="height: 70vh; width: 100%">
          <!-- 左边的地图 -->
          <div class="flex-f1 map" id="map"></div>
          <!-- 右边的联系我们 -->
          <div class="flex-f1 contact flex flex-ver">
            <div class="sub1">
              <!-- 标题 -->
              <div class="titleBox" style="display: inline-block">
                <p class="txt-xl title" style="color: #fff">新闻资讯</p>
                <p class="txt-m color_e27d06" style="text-align: center">
                  NEWS
                </p>
              </div>
            </div>
            <!-- 联系方式 -->
            <div class="flex flex-ver ins" style="font-family: iconFont">
              <p><span>&#xeaa8;</span>028-65796050</p>
              <p><span>&#xe651;</span>info@hiwafer.com</p>
              <p><span>&#xe66d;</span>http://www.hiwafer.com</p>
              <p style="width: 70rem" class="flex-te txt">
                <span>&#xe647;</span>中国（四川）自由贸易试验区成都市双流区
                西南航空港经济开发区物联大道88号
              </p>
            </div>
          </div>
        </div>
        <div class="bg_1d1d1d table">
          <div class="flex flx-bet">
            <dl>
              <dt><img src="./images/img/foot-logo.png" alt="" /></dt>
              <dd>
                <img src="./images/img/code.png" alt="" style="width: 11.5rem" />
              </dd>
            </dl>
            <dl>
              <dt>技术发展</dt>
            </dl>
            <dl>
              <dt>晶圆代工</dt>
              <dd>晶圆代工</dd>
              <dd>晶圆切割</dd>
              <dd>晶圆测试</dd>
              <dd>其他服务</dd>
            </dl>
            <dl>
              <dt>设计维护</dt>
              <dd>设计支援</dd>
              <dd>IP 推广</dd>
            </dl>
            <dl>
              <dt>硅基产品</dt>
              <dd>SIP</dd>
              <dd>微控制器</dd>
              <dd>接口电路</dd>
              <dd>LDO</dd>
              <dd>其他</dd>
            </dl>
            <dl>
              <dt>下载中心</dt>
            </dl>
            <dl>
              <dt>社会责任</dt>
              <dd>员工关爱</dd>
              <dd>环境保护</dd>
              <dd>社会回馈</dd>
            </dl>
            <dl>
              <dt>新闻资讯</dt>
              <dd>企业新闻</dd>
              <dd>行业资讯</dd>
            </dl>
            <dl>
              <dt>人力资源</dt>
              <dd>职位招聘</dd>
              <dd>人才发展</dd>
            </dl>
            <dl>
              <dt>关于我们</dt>
              <dd>公司简介</dd>
              <dd>企业愿景</dd>
              <dd>品质管理</dd>
              <dd>环境安全</dd>
              <dd>联系我们</dd>
            </dl>
          </div>
        </div>
        <div class="table1 bg_1d1d1d flex-pac">
          <dl>
            <dt><img src="./images/img/foot-logo.png" alt="" /></dt>
            <dd>
              <img src="./images/img/code.png" alt="" style="width: 11.5rem" />
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </main>
  <!--[if lt IE 7]>
      <p class="browse-happy">
        You are using an <strong>outdated</strong> browser. Please
        <a href="#">upgrade your browser</a> to improve your experience.
      </p>
    <![endif]-->
    
  
  <script src="./okle/js/jquery-1.9.1.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=QjzOrQyA4SBF0R14jfMFlPS2ZvIB89uz"></script>
  <script src="js/jquery.fullPage.js"></script>
  <script>
    /**
     * @description: 如果需要单页滚动，用户设备屏幕高度要大于880
     * @param {*}
     * @return {*}
     */
    //监听键盘按下事件
    $("body").keydown((e) => {
      //window).scrollTop() 窗口到顶部距离
      // console.log(e.which);
      // 按键↑
      if (e.which === 38) {
      }
      // 按键↓
      if (e.which === 40) {
      }
    });
    var mySwiper = new Swiper(".swiper-container", {
      loop: true,
      pagination: ".swiper-pag",
    });

    /**
     * @description:监听窗口变化 动态改变根字体大小
     * @param {*}
     * @return {*}
     */
    window.addEventListener(
      "orientationchange" in window ? "orientationchange" : "resize",
      (function () {
        function c() {
          var d = document.documentElement;
          // console.log(d.clientWidth);
          var cw = d.clientWidth || 1920;
          d.style.fontSize =
            14 * (cw / 1920) > 40 ? 40 + "px" : 14 * (cw / 1920) + "px";
        }
        c();
        return c;
      })(),
      false
    );

    var map = new BMap.Map("map"); // 创建Map实例
    var point = new BMap.Point(104.007501, 30.464329);
    var marker = new BMap.Marker(point); // 创建标注
    map.addOverlay(marker);
    map.centerAndZoom(point, 12);
    map.enableScrollWheelZoom();
    var opts = "成都海威华芯科技有限公司";
    var infoWindow = new BMap.InfoWindow(opts); // 创建信息窗口对象
    map.openInfoWindow(infoWindow, point);
    marker.addEventListener("click", function (e) {
      map.openInfoWindow(infoWindow, point);
    });

    // bootstrap响应式导航条
    /* @preserve
     * Project: Bootstrap Hover Dropdown
     * Author: Cameron Spear
     * Version: v2.0.11
     * Contributors: Mattia Larentis
     * Dependencies: Bootstrap's Dropdown plugin, jQuery
     * Description: A simple plugin to enable Bootstrap dropdowns to active on hover and provide a nice user experience.
     * License: MIT
     * Homepage: http://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/
     */
    (function ($, window, undefined) {
      // outside the scope of the jQuery plugin to
      // keep track of all dropdowns
      var $allDropdowns = $();

      // if instantlyCloseOthers is true, then it will instantly
      // shut other nav items when a new one is hovered over
      $.fn.dropdownHover = function (options) {
        // don't do anything if touch is supported
        // (plugin causes some issues on mobile)
        if ("ontouchstart" in document) return this; // don't want to affect chaining

        // the element we really care about
        // is the dropdown-toggle's parent
        $allDropdowns = $allDropdowns.add(this.parent());

        return this.each(function () {
          var $this = $(this),
            $parent = $this.parent(),
            defaults = {
              delay: 500,
              instantlyCloseOthers: true,
            },
            data = {
              delay: $(this).data("delay"),
              instantlyCloseOthers: $(this).data("close-others"),
            },
            showEvent = "show.bs.dropdown",
            hideEvent = "hide.bs.dropdown",
            // shownEvent  = 'shown.bs.dropdown',
            // hiddenEvent = 'hidden.bs.dropdown',
            settings = $.extend(true, {}, defaults, options, data),
            timeout;

          $parent.hover(
            function (event) {
              // so a neighbor can't open the dropdown
              if (!$parent.hasClass("open") && !$this.is(event.target)) {
                // stop this event, stop executing any code
                // in this callback but continue to propagate
                return true;
              }

              openDropdown(event);
            },
            function () {
              timeout = window.setTimeout(function () {
                $parent.removeClass("open");
                $this.trigger(hideEvent);
              }, settings.delay);
            }
          );

          // this helps with button groups!
          $this.hover(function (event) {
            // this helps prevent a double event from firing.
            // see https://github.com/CWSpear/bootstrap-hover-dropdown/issues/55
            if (!$parent.hasClass("open") && !$parent.is(event.target)) {
              // stop this event, stop executing any code
              // in this callback but continue to propagate
              return true;
            }

            openDropdown(event);
          });

          // handle submenus
          $parent.find(".dropdown-submenu").each(function () {
            var $this = $(this);
            var subTimeout;
            $this.hover(
              function () {
                window.clearTimeout(subTimeout);
                $this.children(".dropdown-menu").show();
                // always close submenu siblings instantly
                $this.siblings().children(".dropdown-menu").hide();
              },
              function () {
                var $submenu = $this.children(".dropdown-menu");
                subTimeout = window.setTimeout(function () {
                  $submenu.hide();
                }, settings.delay);
              }
            );
          });

          function openDropdown(event) {
            $allDropdowns.find(":focus").blur();

            if (settings.instantlyCloseOthers === true)
              $allDropdowns.removeClass("open");

            window.clearTimeout(timeout);
            $parent.addClass("open");
            $this.trigger(showEvent);
          }
        });
      };

      $(document).ready(function () {
        // apply dropdownHover to all elements with the data-hover="dropdown" attribute
        $('[data-hover="dropdown"]').dropdownHover();
      });
    })(jQuery, this);

    $(function () {
      $(".dropdown-toggle").dropdownHover();
      $("a.dropdown-toggle").one("click", function () {
        location.href = $(this).attr("href");
      });
    });


    /**
     * @description: 给页面绑定滑轮滚动事件 
     * @param {*}
     * @return {*}
     */
    function debounce(fn, delay) {
      let timer = null //借助闭包
      return function () {
        if (timer) {
          clearTimeout(timer)
        }
        timer = setTimeout(fn, delay) // 简化写法
      }
    }
    var scrollFunc = function (e) {
      e = e || window.event;
      if (e.wheelDelta) { //第一步：先判断浏览器IE，谷歌滑轮事件    
        if (e.wheelDelta > 50) { //当滑轮向上滚动时 
          console.log("滑轮向上滚动");
        }
        if (e.wheelDelta < 50) { //当滑轮向下滚动时 
          console.log("滑轮向下滚动");
        }
      } else if (e.detail) { //Firefox滑轮事件 
        if (e.detail > 50) { //当滑轮向上滚动时 
          console.log("滑轮向上滚动");
        }
        if (e.detail < 50) { //当滑轮向下滚动时 
          console.log("滑轮向下滚动");
        }
      }
    }
    if (document.addEventListener) {//firefox 
      document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }          //滚动滑轮触发scrollFunc方法 //ie 谷歌 
    window.onmousewheel = document.onmousewheel = scrollFunc;

    
  </script>
  <script type="text/javascript">
		$(function () {
			$('#fullpage').fullpage({
				afterLoad: function (anchorLink, index) {
				}
			});
		});

	</script>

<!-- 侧边栏JS文件 -->
<script src="./okle/js/common.js"></script>
</body>

</html>